﻿<%@ Page Title="Bảng Điều Khiển :: Realbooks" Language="C#" MasterPageFile="~/Administrator/AdminMasterPage.master" AutoEventWireup="true" CodeFile="default_dashboard.aspx.cs" Inherits="Administrator_dashboard" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <div>
				<hr>
				<ul class="breadcrumb">
					<li>
						<a href="#">Trang chủ</a> <span class="divider">/</span>
					</li>
					<li>
						<a href="#">Bảng điều khiển</a>
					</li>
				</ul>
				<hr>
			</div>
			
			<div class="row-fluid">
				
				
				<div class="circleStats">
                    
					<div class="span2" onTablet="span4" onDesktop="span2">
                    	<div class="circleStatsItem red">
							<i class="fa-icon-thumbs-up"></i>
							<span class="plus">+</span>
							<span class="percent">%</span>
                        	<input type="text" value="58" class="orangeCircle" />
                    	</div>
						<div class="box-small-title">Sự Hài Lòng Của Người Dùng</div>
					</div>
					<div class="span2" onTablet="span4" onDesktop="span2">
                    	<div class="circleStatsItem blue">
                        	<i class="fa-icon-bullhorn"></i>
							<span class="plus">+</span>
							<span class="percent">%</span>
                        	<input type="text" value="8" class="blueCircle" />
                    	</div>
						<div class="box-small-title">Mức Độ Phổ Biến</div>
					</div>
					<div class="span2" onTablet="span4" onDesktop="span2">
						<div class="circleStatsItem yellow">
                        	<i class="fa-icon-user"></i>
							<span class="plus">+</span>
							<span class="percent">%</span>
                        	<input type="text" value="12" class="yellowCircle" />
                    	</div>
						<div class="box-small-title">Người Dùng Mới</div>
					</div>
					<div class="noMargin span2" onTablet="span4" onDesktop="span2">
						<div class="circleStatsItem pink">
                        	<i class="fa-icon-globe"></i>
							<span class="plus">+</span>
							<span class="percent">%</span>
                        	<input type="text" value="23" class="pinkCircle" />
                    	</div>
						<div class="box-small-title">Khách Ghé Thăm</div>
					</div>
					<div class="span2" onTablet="span4" onDesktop="span2">
                    	<div class="circleStatsItem green">
                        	<i class="fa-icon-bar-chart"></i>
							<span class="plus">+</span>
							<span class="percent">%</span>
                        	<input type="text" value="34" class="greenCircle" />
                    	</div>
						<div class="box-small-title">Lợi Nhuận</div>
					</div>
					<div class="span2" onTablet="span4" onDesktop="span2">
						<div class="circleStatsItem lightorange">
                        	<i class="fa-icon-shopping-cart"></i>
							<span class="plus">+</span>
							<span class="percent">%</span>
                        	<input type="text" value="42" class="lightOrangeCircle" />
                    	</div>
						<div class="box-small-title">Doanh Số Bán Hàng</div>
					</div>

                </div>
			
			</div>
			
			<hr>
			
			<div class="row-fluid">
				
				<div class="box span8" onTablet="span12" onDesktop="span8">
					<div class="box-header">
						<h2><i class="icon-signal"></i><span class="break"></span>Thống Kê Site</h2>
						<div class="box-icon">
							<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
							<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
							<a href="#" class="btn-close"><i class="icon-remove"></i></a>
						</div>
					</div>
					<div class="box-content">
						<div id="stats-chart"  class="center" style="height:300px" ></div>
					</div>
				</div>
				
				<div class="box span4 noMargin" onTablet="span12" onDesktop="span4">
					<div class="box-header">
						<h2><i class="icon-list"></i><span class="break"></span>Thống Kê Hằng Tuần</h2>
						<div class="box-icon">
							<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
							<a href="#" class="btn-close"><i class="icon-remove"></i></a>
						</div>
					</div>
					<div class="box-content">
						<div class="sparkLineStats">

	                        <ul class="unstyled">
	                            <li>
									<span class="sparkLineStats1 "></span> 
									Lượt Ghé Thăm: 
									<span class="number">356</span>
								</li>
	                            <li>
	                                <span class="sparkLineStats2"></span>
	                                Khách Thăm Độc Đáo: 
	                                <span class="number">252</span>
	                            </li>
	                            <li><span class="sparkLineStats3"></span> 
	                                Lượt Xen: 
	                                <span class="number">781</span>
	                            </li>
	                            <li><span class="sparkLineStats4"></span>
	                                Số Trang / Người Xem: 
	                                <span class="number">2,19</span>
	                            </li>
	                            <li><span class="sparkLineStats5"></span>
	                                Thời Gian Trung Bình Của Người Ghé Thăm: 
	                                <span class="number">00:02:58</span>
	                            </li>
	                            <li><span class="sparkLineStats6"></span>
	                                Tốc Độ Gia Tăng: <span class="number">59,83%</span>
	                            </li>
	                            <li><span class="sparkLineStats7"></span>
	                                % Khách Mới: 
	                                <span class="number">70,79%</span>
	                            </li>
	                            <li><span class="sparkLineStats8"></span>
	                                % Khách Quay Trở Lại: 
	                                <span class="number">29,21%</span>
	                            </li>

	                        </ul>
	
	                    </div><!-- End .sparkStats -->
					</div>
				</div><!--/span-->
				
			</div>
			
			<hr>
			
			<div class="sortable row-fluid">
				
				<a class="quick-button span2">
					<i class="fa-icon-group"></i>
					<p>Người Dùng</p>
					<span class="notification">1.367</span>
				</a>
				<a class="quick-button span2">
					<i class="fa-icon-comments-alt"></i>
					<p>Chú Thích</p>
					<span class="notification green">167</span>
				</a>
				<a class="quick-button span2">
					<i class="fa-icon-shopping-cart"></i>
					<p>Hoá Đơn</p>
				</a>
				<a class="quick-button span2">
					<i class="fa-icon-barcode"></i>
					<p>Kho Sách</p>
				</a>
				<a class="quick-button span2">
					<i class="fa-icon-envelope"></i>
					<p>Tin Nhắn</p>
				</a>
				<a class="quick-button span2">
					<i class="fa-icon-calendar"></i>
					<p>Lịch</p>
					<span class="notification red">68</span>
				</a>
				
			</div>
			
			<hr>
			
			<div class="row-fluid">
				
				<div class="box span4" onTablet="span6" onDesktop="span4">
					<div class="box-header">
						<h2><i class="icon-fire"></i><span class="break"></span>Tốc Độ Mạng</h2>
						<div class="box-icon">
							<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
							<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
							<a href="#" class="btn-close"><i class="icon-remove"></i></a>
						</div>
					</div>
					<div class="box-content">
						 <div id="serverload" style="height:235px;"></div>
					</div>
				</div>
				
				<div class="box span4" onTablet="span6" onDesktop="span4">
					<div class="box-header">
						<h2><i class="icon-tasks"></i><span class="break"></span>Đang xử lý</h2>
						<div class="box-icon">
							<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
							<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
							<a href="#" class="btn-close"><i class="icon-remove"></i></a>
						</div>
					</div>
					<div class="box-content">
						<div class="progressBarValue">
							<span>Phát Triển Ứng Dụng iOS</span> <span class="progressCustomValueVal">20</span>
							<div class="progressSlim progressCustomValue progressRed"></div>
						</div>
						<div class="progressBarValue">
							<span>Phát Triển Ứng Dụng Android</span> <span class="progressCustomValueVal">40</span>
							<div class="progressSlim progressCustomValue progressOrange"></div>
						</div>
						<div class="progressBarValue">
							<span>Kiểm Tra A/B</span> <span class="progressCustomValueVal">60</span>
							<div class="progressSlim progressCustomValue progressYellow"></div>
						</div>
						<div class="progressBarValue">
							<span>Kiểm Tra Tốc Độ Nhà Mạng</span> <span class="progressCustomValueVal">80</span>
							<div class="progressSlim progressCustomValue progressGreen"></div>
						</div>
						<div class="progressBarValue">
							<span>Phát Triển Backend</span> <span class="progressCustomValueVal">100</span>
							<div class="progressSlim progressCustomValue progressBlue"></div>
						</div>
					</div>
				</div>
				
				<div class="box span4 noMargin" onTablet="span12" onDesktop="span4">
					<div class="box-header">
						<h2><i class="icon-check"></i><span class="break"></span>Danh sách công việc</h2>
						<div class="box-icon">
							<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
							<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
							<a href="#" class="btn-close"><i class="icon-remove"></i></a>
						</div>
					</div>
					<div class="box-content">
						<div class="todo">
							<ul class="todo-list">
								<li>
									Ứng Dụng Windows Phone 8 <span class="label label-important">Hôm Nay</span>
														<span class="todo-actions">
															<a href="#"><i class="icon-ok"></i></a>
															<a href="#" class="todo-remove"><i class="icon-remove"></i></a>
														</span>
								</li>
								<li> frontend Mới  <span class="label label-important">hôm nay</span>
													<span class="todo-actions">
														<a href="#"><i class="icon-ok"></i></a>
														<a href="#" class="todo-remove"><i class="icon-remove"></i></a>
													</span>
								</li>
								<li>Thuê Lập Trình Viên <span class="label label-warning">Ngày Mai</span>
													<span class="todo-actions">
														<a href="#"><i class="icon-ok"></i></a>
														<a href="#" class="todo-remove"><i class="icon-remove"></i></a>
													</span>
								</li>
								<li>Ứng Dụng Windows Phone 8 <span class="label label-warning">Ngày Mai</span>
													<span class="todo-actions">
														<a href="#"><i class="icon-ok"></i></a>
														<a href="#" class="todo-remove"><i class="icon-remove"></i></a>
													</span>
								</li>
								<li> frontend Mới <span class="label label-success">Tuần Này</span>
													<span class="todo-actions">
														<a href="#"><i class="icon-ok"></i></a>
														<a href="#" class="todo-remove"><i class="icon-remove"></i></a>
													</span>
								</li>
								<li>Thuê Lập Trình Viên <span class="label label-success">Tuần Này</span>
													<span class="todo-actions">
														<a href="#"><i class="icon-ok"></i></a>
														<a href="#" class="todo-remove"><i class="icon-remove"></i></a>
													</span>
								</li>
								<li> Frontend Mới <span class="label label-info">Tháng Này</span>
													<span class="todo-actions">
														<a href="#"><i class="icon-ok"></i></a>
														<a href="#" class="todo-remove"><i class="icon-remove"></i></a>
													</span>
								</li>
								<li>Thuê Lập Trình Viên  <span class="label label-info">Tháng Này</span>
													<span class="todo-actions">
														<a href="#"><i class="icon-ok"></i></a>
														<a href="#" class="todo-remove"><i class="icon-remove"></i></a>
													</span>
								</li>
							</ul>
						</div>	
					</div>
				</div>
			
			</div>
			
			<hr>
			
			<div class="row-fluid">
				
				<a class="quick-button-small span1">
					<i class="fa-icon-group"></i>
					<p>Người Dùng</p>
					<span class="notification">7</span>
				</a>
				<a class="quick-button-small span1">
					<i class="fa-icon-comments-alt"></i>
					<p>Chú Thích</p>
					<span class="notification green">4</span>
				</a>
				<a class="quick-button-small span1">
					<i class="fa-icon-shopping-cart"></i>
					<p>Hoá Đơn</p>
				</a>
				<a class="quick-button-small span1">
					<i class="fa-icon-barcode"></i>
					<p>Sản Phẩm</p>
				</a>
				<a class="quick-button-small span1">
					<i class="fa-icon-envelope"></i>
					<p>Tin Nhắn</p>
				</a>
				<a class="quick-button-small span1">
					<i class="fa-icon-calendar"></i>
					<p>Lịch</p>
					<span class="notification red">8</span>
				</a>
				
				<a class="quick-button-small span1 noMargin">
					<i class="fa-icon-beaker"></i>
					<p>Dự Án</p>
				</a>
				<a class="quick-button-small span1">
					<i class="fa-icon-thumbs-up"></i>
					<p>Thích</p>
					<span class="notification green">+ 11</span>
				</a>
				<a class="quick-button-small span1">
					<i class="fa-icon-heart-empty"></i>
					<p>Sở Thích</p>
				</a>
				<a class="quick-button-small span1">
					<i class="fa-icon-bullhorn"></i>
					<p>Thông Báo</p>
					<span class="notification yellow">7</span>
				</a>
				<a class="quick-button-small span1">
					<i class="fa-icon-cogs"></i>
					<p>Cài Đặt</p>
				</a>
				<a class="quick-button-small span1">
					<i class="fa-icon-dashboard"></i>
					<p>Bảng Điều Khiển</p>
				</a>
				
			</div>	
			
			<hr>
			
			<div class="row-fluid">
				
				<div class="box span8" onTablet="span12" onDesktop="span8">
					<div class="box-header">
						<h2><i class="icon-calendar"></i><span class="break"></span>Lịch</h2>
					</div>
					<div class="box-content">
						<div id="main_calendar" class="hidden-phone"></div>
						<div id="main_calendar_phone" class="hidden-desktop hidden-tablet"></div>
						<div class="clearfix"></div>
					</div>	
				</div><!--/span-->
				
				<div class="box span4 noMargin" onTablet="span12" onDesktop="span4">
					<div class="box-header">
						<h2><i class="icon-list"></i><span class="break"></span>Cung Cấp Hổ Trợ</h2>
						<div class="box-icon">
							<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
							<a href="#" class="btn-close"><i class="icon-remove"></i></a>
						</div>
					</div>
					<div class="box-content">
						<ul class="tickets">
							<li class="ticket">
								<a href="#">
									<span class="header">
										<span class="title">Không Liệc Lạc Được Máy Chủ</span>
										<span class="number">[ #199278 ]</span>
									</span>	
									<span class="content">
										<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>
										<span class="name">Nguyễn Thanh Nhã</span>
										<span class="priority blue">[ Ưu Tiên Thấp ]</span>
										<span class="status">Tình Trạng: <span class="green">[ Hoàn Thành ]</span></span>
										<span class="date">Tháng 12 25, 2014 11:09</span>
									</span>	                                                        
								</a>
							</li>
						  	<li class="ticket">
								<a href="#">
									<span class="header">
										<span class="title">Gặp Vấn Đề Với Ứng Dụng Di Động</span>
										<span class="number">[ #199277 ]</span>
									</span>	
									<span class="content">
										<span class="avatar"><img src="img/avatar2.jpg" alt="Avatar"></span>
										<span class="name">Nguyễn Thanh Nhã</span>
										<span class="priority yellow">[ Ưu Tiên Trung Bình ]</span>
										<span class="status">Status: <span class="yellow">[ Chưa Xử Lý ]</span></span>
										<span class="date">Tháng 12 25, 2014 11:09</span>
									</span>	                                                        
								</a>
							</li>
							<li class="ticket">
								<a href="#">
									<span class="header">
										<span class="title">Thanh Toán Bằng PayPal </span>
										<span class="number">[ #199276 ]</span>
									</span>	
									<span class="content">
										<span class="avatar"><img src="img/avatar3.jpg" alt="Avatar"></span>
										<span class="name">Trần Hoài Bảo</span>
										<span class="priority red">[ Ưu Tiên Cao ]</span>
										<span class="status">Tình Trạng: <span class="blue">[ Đang Xử Lý ]</span></span>
										<span class="date">Tháng 12 25, 2014 11:09</span>
									</span>	                                                        
								</a>
							</li>
							<li class="ticket">
								<a href="#">
									<span class="header">
										<span class="title">Lỗi IE7</span>
										<span class="number">[ #199275 ]</span>
									</span>	
									<span class="content">
										<span class="avatar"><img src="img/avatar4.jpg" alt="Avatar"></span>
										<span class="name">Nguyễn Anh Tuấn</span>
										<span class="priority blue">[ Mức Độ Ưu Tiên Thấp ]</span>
										<span class="status">Tình Trạng: <span class="red">[ Đã Từ Chối ]</span></span>
										<span class="date">Thang 12 25, 2014 11:09</span>
									</span>	                                                        
								</a>
							</li>
							<li class="ticket">
								<a href="#">
									<span class="header">
										<span class="title">Không Liên Lạc Được Nhà Mạng</span>
										<span class="number">[ #199274 ]</span>
									</span>	
									<span class="content">
										<span class="avatar"><img src="img/avatar2.jpg" alt="Avatar"></span>
										<span class="name">Nguyễn Đức Duy</span>
										<span class="priority blue">[ Mức Độ Ưu Tiên Thấp ]</span>
										<span class="status">Tình Trạng: <span class="green">[ Hoàn Thành ]</span></span>
										<span class="date">Jul 25, 2012 11:09</span>
									</span>	                                                        
								</a>
							</li>
						  	<li class="ticket">
								<a href="#">
									<span class="header">
										<span class="title">Lỗi Ứng Dụng Mobile</span>
										<span class="number">[ #199273 ]</span>
									</span>	
									<span class="content">
										<span class="avatar"><img src="img/avatar3.jpg" alt="Avatar"></span>
										<span class="name">Vòng Hển Mủn</span>
										<span class="priority yellow">[ Mức Độ Ưu Tiên Trung Bình ]</span>
										<span class="status">Tình Trạng: <span class="yellow">[ Chưa Xử Lý ]</span></span>
										<span class="date">Tháng 12 25, 2014 11:09</span>
									</span>	                                                        
								</a>
							</li>
							<li class="ticket">
								<a href="#">
									<span class="header">
										<span class="title">Hổ Trợ Thanh Toán PayPal </span>
										<span class="number">[ #199272 ]</span>
									</span>	
									<span class="content">
										<span class="avatar"><img src="img/avatar4.jpg" alt="Avatar"></span>
										<span class="name">Lê Tuấn Vũ</span>
										<span class="priority red">[ Mức Độ Ưu Tiên Cao ]</span>
										<span class="status">Tình Trạng: <span class="blue">[ Đang Xử Lý ]</span></span>
										<span class="date">Tháng 12 25, 2014 11:09</span>
									</span>	                                                        
								</a>
							</li>
						</ul>
					</div>
				</div><!--/span-->
			
			</div>
				
			<hr>

			<div class="row-fluid">	
				
				<div class="box span4" onTablet="span6" onDesktop="span4">
					<div class="box-header">
						<h2><i class="icon-list"></i><span class="break"></span>Thống Kê Hằng Tuần</h2>
						<div class="box-icon">
							<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
							<a href="#" class="btn-close"><i class="icon-remove"></i></a>
						</div>
					</div>
					<div class="box-content">
						<ul class="dashboard-list">
							<li>
								<a href="#">
									<i class="fa-icon-arrow-up green"></i>                               
									<span class="green">92</span>
									Chú Thích Mới                                    
								</a>
							</li>
						  <li>
							<a href="#">
							  <i class="fa-icon-arrow-down red"></i>
							  <span class="red">15</span>
							  Đăng Kí Mới
							</a>
						  </li>
						  <li>
							<a href="#">
							  <i class="fa-icon-minus blue"></i>
							  <span class="blue">36</span>
							  Điều Mới                                    
							</a>
						  </li>
						  <li>
							<a href="#">
							  <i class="fa-icon-comment yellow"></i>
							  <span class="yellow">45</span>
							  Đánh Giá Của Người Dùng                                    
							</a>
						  </li>
						  <li>
							<a href="#">
							  <i class="fa-icon-arrow-up green"></i>                               
							  <span class="green">112</span>
							  Chú Thích Mới                                    
							</a>
						  </li>
						  <li>
							<a href="#">
							  <i class="fa-icon-arrow-down red"></i>
							  <span class="red">31</span>
							  Đăng Ký Mới
							</a>
						  </li>
						  <li>
							<a href="#">
							  <i class="fa-icon-minus blue"></i>
							  <span class="blue">93</span>
							  Điều Mới                                    
							</a>
						  </li>
						  <li>
							<a href="#">
							  <i class="fa-icon-comment yellow"></i>
							  <span class="yellow">254</span>
							  Người Dùng Đánh Giá                                    
							</a>
						  </li>
						</ul>
					</div>
				</div><!--/span-->
				
				<div class="box span4" onTablet="span6" onDesktop="span4">
					<div class="box-header">
						<h2><i class="icon-user"></i><span class="break"></span>Người Xem Cuối Cùng</h2>
						<div class="box-icon">
							<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
							<a href="#" class="btn-close"><i class="icon-remove"></i></a>
						</div>
					</div>
					<div class="box-content">
						<ul class="dashboard-list">
							<li>
								<a href="#">
									<img class="avatar" alt="Lucas" src="img/avatar.jpg">
								</a>
								<strong>Tên:</strong> <a href="#">Nguyễn Thanh Nhã</a><br>
								<strong>Từ Khi:</strong> Tháng 12 25, 2014 11:09<br>
								<strong>Tình Trạng:</strong> <span class="label label-success">Chấp Nhận</span>                                  
							</li>
							<li>
								<a href="#">
									<img class="avatar" alt="Bill" src="img/avatar9.jpg">
								</a>
								<strong>Tên:</strong> <a href="#">Trần Hoài Bảo</a><br>
								<strong>Từ Khi:</strong> Tháng 12 25, 2014 11:09<br>
								<strong>Tình Trạng:</strong> <span class="label label-success">Chưa Xử Lý</span>                                 
							</li>
							<li>
								<a href="#">
									<img class="avatar" alt="Jane" src="img/avatar5.jpg">
								</a>
								<strong>Tên:</strong> <a href="#">Nguyễn Anh Tuấn</a><br>
								<strong>Từ Khi:</strong> Tháng 12 25, 2014 11:09<br>
								<strong>Tình Trạng:</strong> <span class="label label-success">Banned</span>                                    
							</li>
							<li>
								<a href="#">
									<img class="avatar" alt="Kate" src="img/avatar6.jpg">
								</a>
								<strong>Tên:</strong> <a href="#">Nguyễn Đức Duy</a><br>
								<strong>Từ Khi:</strong> Tháng 12 25, 2014 11:09<br>
								<strong>Tình Trạng:</strong> <span class="label label-success">Cập Nhật</span>                                    
							</li>
						</ul>
					</div>
				</div><!--/span-->
				
				<div class="box span4 noMargin" onTablet="span12" onDesktop="span4">
					<div class="box-header">
						<h2><i class="icon-comment"></i><span class="break"></span>Trò truyện</h2>
						<div class="box-icon">
							<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
							<a href="#" class="btn-close"><i class="icon-remove"></i></a>
						</div>
					</div>
					<div class="box-content">
						<ul class="chat">
							<li class="left">
								<img class="avatar" alt="Lucas" src="img/avatar.jpg">
								<span class="message"><span class="arrow"></span>
									<span class="from">Nguyễn Thanh Nhã</span>
									<span class="time">Tháng 12 25, 2014 11:09</span>
									<span class="text">
										Vậy anh em cùng cố gắng nha, rồi sẽ có thành quả.
									</span>
								</span>	                                  
							</li>
							<li class="right">
								<img class="avatar" alt="Lucas" src="img/avatar.jpg">
								<span class="message"><span class="arrow"></span>
									<span class="from">Trần Hoài Bảo</span>
									<span class="time">Tháng 12 25, 2014 11:08</span>
									<span class="text">
										Thôi vậy được rồi ráng làm cho rốt dự án đầu tiên để tin rằng tui mình không chỉ có nói suông.
									</span>
								</span>                                  
							</li>
							<li class="left">
								<img class="avatar" alt="Lucas" src="img/avatar.jpg">
								<span class="message"><span class="arrow"></span>
									<span class="from">Nguyễn Đức Duy</span>
									<span class="time">Tháng 12 25, 2014 11:07</span>
									<span class="text">
										Cũng bình thường trung bình 1 ngày xử lý khoảng 20 hoá đơn, chắc sống ổn.
									</span>
								</span>	                                  
							</li>
							<li class="right">
								<img class="avatar" alt="Lucas" src="img/avatar.jpg">
								<span class="message"><span class="arrow"></span>
									<span class="from">Nguyễn Thanh Nhã</span>
									<span class="time">Tháng 12 25, 2014 11:06</span>
									<span class="text">
										Mấy nay có bán được nhiều sách không?
									</span>
								</span>	                                  
							</li>
						</ul>
						<div class="chat-form">
							<textarea></textarea>
							<button class="btn btn-info">Gửi Tin</button>
						</div>	
					</div>
				</div><!--/span-->
						
			</div>
			
       
					<hr>

</asp:Content>

